﻿<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
    <title>JS格式化、JS压缩 - huatools.com</title>
    <meta charset="UTF-8">
    <meta name="keywords" content="js格式化,js压缩">
    <meta name="description" content="在线js格式化、js压缩工具。">
    <meta name="renderer" content="webkit">
    <link rel="icon" href="../img/favicon.ico"/>
    <link rel="stylesheet" href="//lf6-cdn-tos.bytecdntp.com/cdn/expire-1-y/layui/2.5.5/css/layui.min.css"/>
    <link rel="stylesheet" href="//lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/codemirror/5.50.0/codemirror.min.css">
    <link rel="stylesheet" href="../codemirror/addon/fold/foldgutter.min.css">
    <link rel="stylesheet" href="../css/public.min.css"/>
    <link rel="stylesheet" href="../css/tools.min.css"/>
    <link rel="stylesheet" href="index.min.css">
    <script src="//lf26-cdn-tos.bytecdntp.com/cdn/expire-1-y/layui/2.5.5/layui.js"></script>
    <script src="//lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/jquery/3.6.0/jquery.min.js"></script>
    <script src="//lf6-cdn-tos.bytecdntp.com/cdn/expire-1-y/codemirror/5.50.0/codemirror.min.js"></script>
    <script src="//lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/codemirror/5.50.0/mode/javascript/javascript.min.js"></script>
    <script src="//lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/codemirror/5.50.0/addon/display/fullscreen.min.js"></script>
    <script src="../codemirror/addon/fold/foldjs.min.js"></script>
    <script src="../codemirror/addon/search/search-all.min.js"></script>
    <script src="//lf3-cdn-tos.bytecdntp.com/cdn/expire-1-y/clipboard.js/2.0.10/clipboard.min.js"></script>
    <script src="//lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/FileSaver.js/2.0.5/FileSaver.min.js"></script>
    <script src="../js/beautify.min.js"></script>
    <script src="../js/uglify.min.js"></script>
    <script src="../js/public.min.js"></script>
    <script src="index.min.js"></script>
</head>
<body>
<div class="body-div">
    <div class="menu-div">
        <ul class="layui-nav">
            <li class="layui-nav-item"><a href="/public/">JSON格式化</a></li>
            <li class="layui-nav-item"><a href="/public/xml-format/">XML格式化</a></li>
            <li class="layui-nav-item">
                <a href="javascript:">URL工具</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">对比工具</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">转换工具</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">分隔工具</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">文本工具</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">数字工具</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">格式化</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">加解密</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">更多</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item skin-nav-item">
                <a href="javascript:"><i class="layui-icon layui-icon-theme"></i>换肤</a>
                <dl class="layui-nav-child"></dl>
            </li>
        </ul>
    </div>
    <div class="main-div">
        <div class="layui-container">
            <div class="layui-row btns-row">
                <div class="layui-col-left">
                    <button type="button" class="layui-btn layui-btn-warn" id="clear">清空</button>
                    <form class="layui-form">
                        <input type="checkbox" id="zip" title="压缩" lay-skin="primary" lay-filter="zip">
                    </form>
                </div>
                <div class="layui-col-right">
                    <button type="button" class="layui-btn layui-btn-blue" id="copy">复制</button>
                    <div class="other-btns">
                        <button type="button" class="layui-btn layui-btn-sm right-btn" id="save" title="保存">
                            <i class="gg-download"></i>
                        </button>
                        <button type="button" class="layui-btn layui-btn-sm right-btn" id="search" title="搜索（光标位于右侧时：Ctrl-F搜索、Ctrl-Enter查找下一个）">
                            <i class="gg-search"></i>
                        </button>
                        <button type="button" class="layui-btn layui-btn-sm right-btn" id="big" title="大屏查看">
                            <i class="gg-maximize"></i>
                        </button>
                        <button type="button" class="layui-btn layui-btn-sm right-btn" id="set" title="设置">
                            <i class="layui-icon layui-icon-set"></i>
                        </button>
                    </div>
                </div>
            </div>
            <div class="layui-row editor-row">
                <div class="layui-col-left">
                    <textarea id="content" placeholder="请输入JS"></textarea>
                </div>
                <div class="layui-col-right">
                    <textarea id="result"></textarea>
                </div>
            </div>
        </div>
    </div>
    <div class="set-div" style="display:none">
        <div class="layui-tab layui-tab-card">
            <ul class="layui-tab-title">
                <li class="layui-this">功能</li>
                <li>帮助</li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <form class="layui-form">
                        <div class="layui-form-item">
                            <label class="layui-form-label">左右宽度</label>
                            <div id="doc-width"></div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">行内换行</label>
                            <div class="layui-input-block">
                                <input type="checkbox" lay-skin="primary" lay-filter="line-wrap" id="line-wrap" title="开启" checked>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="layui-tab-item">
                    <div class="layui-row first-row">
                        <div class="layui-col-md12">光标位于右侧时，</div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-md6">F11</div>
                        <div class="layui-col-md6">大屏查看</div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-md6">Ctrl - F</div>
                        <div class="layui-col-md6">查找</div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-md6">Ctrl - Enter</div>
                        <div class="layui-col-md6">查找下一个</div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-md6">Ctrl - Shift - Enter</div>
                        <div class="layui-col-md6">查找上一个</div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-md6">Ctrl - H</div>
                        <div class="layui-col-md6">替换</div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-md6">Ctrl - Shift - H</div>
                        <div class="layui-col-md6">替换全部</div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-md6">Ctrl - Home</div>
                        <div class="layui-col-md6">跳至开头</div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-md6">Ctrl - End</div>
                        <div class="layui-col-md6">跳至结尾</div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-md6">Alt - G</div>
                        <div class="layui-col-md6">跳至指定行</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
